<template>
    <view class="padding-lr-24 padding-bottom-30 padding-top-24">
        <view class="bg-white radius-16">
            <image class="radius-16-16-0-0" style="width: 702rpx; height: 327.6rpx;" :src="(seller_info.banner || seller_info.logo) | ossUrl(750)"></image>
            <view class="padding-lr-30 padding-bottom-30 padding-top-20">
                <view class="text-15 text-bold margin-top-10">
                    {{seller_info.name}}
                </view>
                <view class="text-13 text-666 margin-top-10">
                    <view>
                        {{seller_info.province_city_area_name}}
                        {{seller_info.address_remark}}
                    </view>
                </view>
                <view v-if="seller_info.album_1||seller_info.album_2||seller_info.album_3" class="flex margin-top-20 margin-bottom-30">
                    <image v-if="seller_info.album_1" class="radius-16 margin-right-14" style="width: 150rpx; height: 150rpx;"
                        :src="seller_info.album_1 | ossUrl(150)"></image>
                    <image v-if="seller_info.album_2" class="radius-16 margin-right-14" style="width: 150rpx; height: 150rpx;"
                        :src="seller_info.album_2 | ossUrl(150)"></image>
                    <image v-if="seller_info.album_3" class="radius-16" style="width: 150rpx; height: 150rpx;" :src="seller_info.album_3 | ossUrl(150)"></image>
                </view>
                <view class="text-13 text-666 margin-top-10">
                    <view class="text-15 text-bold text-333 margin-top-20">商家信息</view>
                    <view class="margin-top-10">
                        营业时间：{{seller_info.open_start_time | timeFormat('hh:mm')}}
                        <text class="padding-lr-4">-</text>
                        <text v-if="seller_info.open_end_time==0">24:00</text>
                        <text v-else>{{seller_info.open_end_time | timeFormat('hh:mm')}}</text>
                    </view>
                    <view v-if="seller_info.contact_phone" class="margin-top-10">
                        联系电话：{{seller_info.contact_phone}}
                    </view>
                    <template v-if="seller_info.remark">
                        <view class="text-15 text-bold text-333 margin-top-20">商家介绍</view>
                        <view class="margin-top-10">
                            {{seller_info.remark}}
                        </view>
                    </template>
                </view>
                <template v-if="seller_info.license">
                    <view class="text-15 text-bold text-333 margin-top-20">营业资质</view>
                    <view class="margin-top-10">
                        <image mode="widthFix" style="width: 642rpx;" :src="seller_info.license | ossUrl(642)"></image>
                    </view>
                </template>
            </view>
        </view>
    </view>
</template>

<script>
    export default {
        props: ['seller_user_id', 'seller_info'],
    }
</script>
